<template>
  <div
    class="index-header1"
    :style="{
      backgroundColor: $store.state.isNightMode
        ? $store.state.headerNightColor
        : $store.state.headerDayColor,
    }"
  >
    <slot name="header"></slot>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.index-header1 {
  // box-shadow: 0 2px 4px 0 #ccca;
  height: 60px;
}
</style>